<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.buy.css" />
		<link rel="stylesheet" type="text/css" href="common/css/common.css" />
		<link rel="stylesheet" type="text/css" href="js/swiper-3.4.1.min.css" />
		<link rel="stylesheet" type="text/css" href="common/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css" />
		<link rel="stylesheet" type="text/css" href="common/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<script src="//cdn1.lncld.net/static/js/2.1.2/av-min.js"></script>
		<script src="common/js/vue.js"></script>
	</head>

	<body>
		<div class="index-address" v-if="shows==true" :class="{active:isa,active1:isb}">
			<div class="index-address-top">
				<div class="index-address-top-1" v-on:click="cliks">
					&lt;
				</div>
			</div>
			<div class="index-address-1">
				<div class="index-address-01">
					<input type="text" placeholder="请输入地址" / v-model="address">
				</div>
			</div>
			<div class="index-address-2">

			</div>
		</div>
		
		<div class="divId">
			<div class="topDiv">
				<div class="divTop">
					<div class="divTop-top" v-on:click="clik">
						<span class="glyphicon glyphicon-map-marker"></span><label v-html="address"></label>
					</div>
					<div class="divTop-inp">
						<input type="text" placeholder="搜索商家/商品" /v-model="shopid"><div class="divTop-inp-1" v-on:click="querys">确定</div>
					</div>
				</div>
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide" v-for="(bigIndex,it) in cla">
							<div class="swiper-slide-1" v-for="item in it" v-on:click="claa(bigIndex,$index)">
								<div class="swiper-slide-01">
									<img src="img/2017-03-30_162247.jpg"/>
								</div>
								<div class="swiper-slide-02" v-html="item">
								</div>
							</div>
						</div>
					</div>
					<!--Add Pagination-->
					<div class="swiper-pagination"></div>
				</div>
				<div class="divMain">

					<div class="divMain-1">
						推荐商家
					</div>

					<div class="divMain-2" v-for="item in shop" v-on:click="show($index)">
						<div class="divMain-2-1">
							<img v-bind:src="item.shopimg" />
						</div>
						<div class="divMain-2-2">
							<div class="divMain-2-2-1" v-html="item.shopname">
							</div>
							<div class="divMain-2-2-2">
								<span class="glyphicon glyphicon-star"></span>
								<span class="glyphicon glyphicon-star"></span>
								<span class="glyphicon glyphicon-star"></span>
								<span class="span1" v-html="item.grade">4.4</span> 月售<span v-html="item.salenum"></span>单
							</div>
							<div class="divMain-2-2-3">
								￥<span v-html="item.startprice"></span>起送/配送费￥<span v-html="item.sendprice"></span>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="footDiv">
				<div class="divFoot">
					<a href="index.html">
						<p class="p1"><span class="glyphicon glyphicon-phone-alt"></span></p>
						<p class="p2">外卖</p>
					</a>
				</div>
				<div class="divFoot">
					<a href="index.find/index.find.html">
						<p class="p1"><span class="glyphicon glyphicon-eye-open"></span></p>
						<p class="p2">发现</p>
					</a>
				</div>
				<div class="divFoot">
					<a href="index.order/index.order.html">
						<p class="p1"><span class="glyphicon glyphicon-list-alt"></span></p>
						<p class="p2">订单</p>
					</a>
				</div>
				<div class="divFoot">
					<a href="index.my/index.my.html">
						<p class="p1"><span class="glyphicon glyphicon-user"></span></p>
						<p class="p2">我的</p>
					</a>
				</div>
			</div>
		</div>
		<script src="common/js/new_file.js"></script>
		<script src="common/js/jquery-1.11.0.min.js"></script>
		<script src="common/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
		<script src="js/swiper-3.4.1.min.js"></script>
		<script>
			
		</script>
	</body>

</html>